<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01、实现效果的方式方法</title>
    <style>
        div {
            position: relative;
            width: 200px;
            height: 60px;
            background: #ddd;
        }
        div{
            height:50px;
            outline:5px solid deeppink;
        }
        div{
            position:absolute;
            content:"";
            top:-5px;
            bottom:-5px;
            right:-5px;
            left:0;
            background:#ddd;
        }
    </style>
</head>
<body>


<div></div>

</body>
</html>